﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="TugasAkhir.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8" />
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    
    <!-- BOOTSTRAP & FONT AWESOME CSS -->
    <link rel="stylesheet" href="/Assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/Assets/css/font-awesome.min.css" />
    
    <link rel="stylesheet" href="/Assets/css/login.css" />

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body style="padding-top: 70px;">
    <form id="frmLogin" runat="server">
        <!-- ScriptManager -->
        <asp:ScriptManager ID="scriptManager" runat="server" />

        <div class="container">
            <div class="row">
                <asp:UpdatePanel ID="upLogin" runat="server">
                    <ContentTemplate>
                        <div class="col-sm-6 col-sm-offset-3">
                            <h1 class="text-center login-title">Sign in to continue to SIAKAD</h1>
                        <div class="account-wall">
                            <img class="profile-img" src="Assets/img/footer-widgettitle-bg.png" />
                            <div class="form-signin">
                                <asp:TextBox ID="txtUsername" runat="server" CssClass="form-control" required="true" autofocus="true" placeholder="username" />
                                <asp:TextBox ID="txtPassword" runat="server" CssClass="form-control" TextMode="Password" required="true" placeholder="password" />
                                <asp:Button ID="btSubmit" runat="server" CssClass="btn btn-lg btn-primary btn-block" Text="Sign In" OnClick="btSubmit_Click" />
                                </div>
                            </div>
                        </div>
                    </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="btSubmit" EventName="Click" />
                    </Triggers>
                </asp:UpdatePanel>
            </div>
        </div><!-- ./container -->

        <div id="gagalModal" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title"><span class="glyphicon glyphicon-warning-sign"></span> Warning!</h4>
                    </div>
                    <asp:UpdatePanel ID="upDelete" runat="server">
                        <ContentTemplate>
                            <div class="modal-body">
                                <p>Kombinasi username/password salah!</p>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
                            </div>
                        </ContentTemplate>
                        <Triggers>
                           
                        </Triggers>
                    </asp:UpdatePanel>
                </div>
            </div>
        </div><!-- /.gagalModal -->
    </form>

    <!-- JQUERY -->
    <script src="/Assets/js/jquery-1.11.1.min.js"></script>

    <!-- BOOTSTRAP JS -->
    <script src="/Assets/js/bootstrap.min.js"></script>
</body>
</html>
